<template>
    <div class="top">
        <img src="../../assets/img/头部.png" alt="">
    </div>
    <div class="index-top-content">
        <div class="shouhuo">
            <img src="@/assets/img/收货地址.png" alt="">
        </div>
        <div class="zi">
            <span>北京理工大学国防科技园2号楼10层</span>
        </div>
        <div class="lingdang">
            <img src="@/assets/img/铃铛.png" alt="">
        </div>
    </div>
    <div class="index-input-wrapper">
        <img src="@/assets/img/放大镜.png" alt="">
        <input class="input1" type="text" placeholder="山姆会员商店优惠商品">
    </div>
    <div class="index-double-11">
        <img src="@/assets/img/双11.png" alt="">
    </div>
    <div class="index-menu">
    <router-link :to="'/shangpin1'">
        <div class="content">
            <img src="@/assets/img/超市.png" alt="">
            <span>超市便利</span>
        </div>
         </router-link>
        <div class="content">
            <img src="@/assets/img/菜市场.png" alt="">
            <span>菜市场</span>
        </div>
        <div class="content">
            <img src="@/assets/img/水果店.png" alt="">
            <span>水果店</span>
        </div>
        <div class="content">
            <img src="@/assets/img/鲜花.png" alt="">
            <span>鲜花绿植</span>
        </div>
        <div class="content">
            <img src="@/assets/img/医药健康.png" alt="">
            <span>医药健康</span>
        </div>
    </div>
    <div class="index-menu-1">
        <div class="content">
            <img src="@/assets/img/家居.png" alt="">
            <span>家居时尚</span>
        </div>
        <div class="content">
            <img src="@/assets/img/蛋糕.png" alt="">
            <span>烘培蛋糕</span>
        </div>
        <div class="content">
            <img src="@/assets/img/签到.png" alt="">
            <span>签到</span>
        </div>
        <div class="content">
            <img src="@/assets/img/大牌免运.png" alt="">
            <span>大牌免运</span>
        </div>
        <div class="content">
            <img src="@/assets/img/红包.png" alt="">
            <span>红包套餐</span>
        </div>
    </div>
    <div class="index-fenggexian"></div>
    <div class="index-mid-top">
        <span>附近店铺</span>
    </div>
    <div class="index-mid-mid">
        <div class="mid-left">
            <img src="@/assets/img/沃尔玛.png" alt="">
        </div>
        <div class="mid-right">
            <div class="mid-right-top">
                <span>沃尔玛</span>
            </div>
            <div class="mid-right-mid">
                <div>
                    <span>月售1万+</span>
                </div>
                <div>
                    <span>起送¥0</span>
                </div>
                <div>
                    <span>基础运费¥5</span>
                </div>
            </div>
            <div class="mid-right-bottom">
                <span>VIP尊享满89元减4元运费券（每月3张）</span>
            </div>
        </div>
    </div>
    <div class="index-fenggexian-1"></div>
    <div class="index-mid-mid">
        <div class="mid-left">
            <img src="@/assets/img/山姆.png" alt="">
        </div>
        <div class="mid-right">
            <div class="mid-right-top">
                <span>山姆会员店</span>
            </div>
            <div class="mid-right-mid">
                <div>
                    <span>月售2千++</span>
                </div>
                <div>
                    <span>起送¥0</span>
                </div>
                <div>
                    <span>基础运费¥5</span>
                </div>
            </div>
            <div class="mid-right-bottom">
                <span>联合利华洗护满10减5</span>
            </div>
        </div>
    </div>
    <div class="index-fenggexian-1"></div>
    <div class="index-bottom">
        <div class="index-bottom-wrapper">
            <router-link :to="'/index'">
                <div class="index-bottom-cotent">
                    <img src="@/assets/img/首页1.png" alt="">
                    <span>首页</span>
                </div>
            </router-link>
            <router-link :to="'/buy'">
                <div class="index-bottom-cotent1">
                    <img src="@/assets/img/buy.png" alt="">
                    <span>购物车</span>
                </div>
            </router-link>
            <router-link :to="'/dingdan'">
                <div class="index-bottom-cotent1">
                    <img src="@/assets/img/订单.png" alt="">
                    <span>订单</span>
                </div>
            </router-link>
            <router-link :to="'/my'">
                <div class="index-bottom-cotent1">
                    <img src="@/assets/img/我的.png" alt="">
                    <span>我的</span>
                </div>
            </router-link>
        </div>
    </div>
</template>

<script>
import { navData } from "@/untils/nav"
import "@/assets/css/index.css";
export default {
    setup() {
        return {
            navData
        }
    }
};
</script>